<!--  -->
<template>
  <edoovo-form :model="params" :rules="rules">
    <edoovo-form-item prop="input" label="input">
      <md-input v-model="params.input" />
    </edoovo-form-item>
    <edoovo-form-item prop="select" label="select">
      <md-select v-model="params.select" md-dense>
        <md-option v-for="amount in mdPageOptions" :key="amount" :value="amount">
          {{ amount }}
        </md-option>
      </md-select>
    </edoovo-form-item>
  </edoovo-form>
</template>

<script>
import EdoovoForm from './edoovoForm';
import EdoovoFormItem from './edoovoFormItem';
export default {
  data() {
    return {
      params: {
        input: ''
      },
      mdPageOptions: [10, 20, 30, 40, 50],
      rules: {
        input: [
          {
            required: true,
            message: '请输入活动名称'
          },
          {
            pattern: /^\d+$/,
            message: '请输入数字'
          }
        ],
        select: [
          {
            require: true,
            message: '请选择===='
          }
        ]
      }
    };
  },

  components: { EdoovoForm, EdoovoFormItem },

  computed: {},

  mounted() {},

  methods: {}
};
</script>
<style lang="less" scoped></style>
